<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>XNET开发框架</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <link rel="stylesheet" href="statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="statics/plugins/dialog/dialog.css">
    <link rel="stylesheet" href="statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="statics/css/style.min.css">
    <link rel="stylesheet" href="statics/css/common.min.css">
    <link href="statics/css/newFonts/iconfont.css" rel="stylesheet" />
    <link href="statics/css/newFonts/iconfontlogo.css" rel="stylesheet" />


</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" id="dpLTE" v-cloak>
    <header class="main-header">
        <a href="javascript:void(0);" class="logo"> <span
                class="logo-mini"><b>XNET</b></span> <span class="logo-lg"><b>XNET开发平台</b></span>
        </a>
        <nav class="navbar navbar-static-top">
            <a class="sidebar-toggle" @click="hideMenu">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown messages-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o "></i>
                            <span class="label label-success">4</span>
                        </a>
                    </li>
                    <li class="dropdown notifications-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                            <span class="label label-warning">10</span>
                        </a>
                    </li>
                    <li class="dropdown tasks-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-flag-o"></i>
                            <span class="label label-danger">9</span>
                        </a>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="height:50px">
                            <img src="statics/images/avatar.png" class="user-image" alt="User Image">
                            <span class="hidden-xs">{{user.username}}</span>
                        </a>
                        <ul class="dropdown-menu pull-right" style="margin-top: 2px;">
                            <li><a class="menuItem" data-id="userInfo" href="SystemManage/User/Info"><i
                                    class="fa fa-user"></i>个人信息</a></li>
                            <li><a href="javascript:;" @click="updatePassword"><i class="fa fa-trash-o"></i>修改密码</a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="javascript:;" @click="logout"><i class="ace-icon fa fa-power-off"></i>安全退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- 导航菜单 -->
    <div class="main-sidebar">
        <div class="sidebar">
            <ul class="sidebar-menu" id="sidebar-menu">
                <menu-item :item="item" v-for="item in menuList"></menu-item>
            </ul>
        </div>
    </div>
    <!-- 路径导航 -->
    <div id="content-wrapper" class="content-wrapper">
        <!-- tab标签 -->
        <div class="content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content" style="margin-left: 0px;">
                    <a href="javascript:;" class="menuTab active" :data-id="main">系统主页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward" style="margin-left: 3px;"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown tabClose" data-toggle="dropdown">
                    页签操作<i class="fa fa-caret-down" style="padding-left: 3px;"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a class="tabReload" href="javascript:;">刷新当前</a></li>
                    <li><a class="tabCloseCurrent" href="javascript:;" @click="tabCloseCurrent">关闭当前</a></li>
                    <li><a class="tabCloseAll" href="javascript:;">全部关闭</a></li>
                    <li><a class="tabCloseOther" href="javascript:;">除此之外全部关闭</a></li>
                </ul>
            </div>
            <button class="roll-nav roll-right fullscreen" @click="fullScreen" id="fullscreen">
                <i class="fa fa-arrows-alt"></i>
            </button>
        </div>

        <!-- 主界面 -->
        <div class="content-iframe" style="overflow: hidden; background: #fff;">
            <div class="mainContent" id="content-main" style="margin: 5px; margin-bottom: 0px; padding: 0;">
                <iframe class="XNET_iframe" frameborder="0" width="100%" height="100%" :src="main" id="main" name="main"
                        :data-id="main"></iframe>
            </div>
        </div>

    </div>

    <footer class="main-footer">
        <div class="pull-right hidden-xs">Version 1.0.0</div>
        Copyright &copy; 2018  All Rights Reserved
    </footer>

    <div class="control-sidebar-bg"></div>

    <!-- 修改密码 -->
    <div id="passwordLayer" class="container-fluid" style="display: none;">
        <table class="form">
            <tr>
                <td class="formTitle">账号</td>
                <td class="formValue"><span class="label label-success"
                                            style="vertical-align: bottom;">{{user.fullName}}</span></td>
            </tr>
            <tr>
                <td class="formTitle">原密码</td>
                <td class="formValue"><input type="password"
                                             class="form-control" v-model="pswd" placeholder="原密码"/></td>
            </tr>
            <tr>
                <td class="formTitle">新密码<font face="宋体">*</font></td>
                <td class="formValue"><input type="text" class="form-control"
                                             v-model="newPswd" placeholder="新密码"/></td>
            </tr>
        </table>
    </div>

</div>

<script src="statics/libs/jquery.min.js"></script>
<script src="statics/libs/vue.min.js"></script>
<script src="statics/libs/bootstrap.min.js"></script>
<!--<script src="statics/plugins/dialog/dialog.js"></script>-->
<script src="statics/plugins/layer/layer.js"></script>

<!--<script src="statics/plugins/layui/layui.js"></script>-->
<script src="statics/libs/jquery.slimscroll.min.js"></script>
<script src="statics/js/common.js"></script>
<script src="statics/js/index_tab.js"></script>
<script src="statics/utils/xnet-ui.js"></script>



</body>
</html>
